<template>
  <div class="extend-container">
    <div class="cola-title-1">extend</div>
    <div class="long-text">long textlong textlong textlong text</div>
    <div class="long-text">long textlong textlong textlong text</div>
  </div>
</template>
<style lang="less">
@import url(../../styles/extend.less);
@import url(../../styles/global.less);
.long-text{
  width: 100px;
  &:extend(.text-ellipsis);
}
</style>